<html>
    <head>
        <meta charset="utf-8">
        <title>使用</title>
    </head>
    <body>
        <script src="jquery-3.7.1.min.js"></script>

        <div id="myDiv1">id选择器1<span>span中的内容</span></div>
        <div id="mydiv2" class="blue">元素选择器</div>
        <span class="blue">样式选择器</span>

    </body>
    <script>
        /*

            绑定事件
                $(selector).bind(type,fn)
                type: 事件类型，如click、mouseover、blur、focusout、submit、change、keyup等
                fn: 事件处理函数
            绑定单个事件
                $(selector).bind(type,fn)
                直接绑定
                    $("元素").事件名(function(){
                        alert("点击了div1");
                    })
            绑定多个事件
                    1.指定元素.bind("事件类型1 事件类型2 ..",function {

                    });
                    2.为元素绑定多个事件 并设置对应的函数
                    指定元素.bind("事件类型",function(){

                    }).bind("事件类型",function(){

                    })



        */


                   
        $("#btntest").bind('click',()=>{
            $(this).prop("disabled",true)
        })
        //原生js绑定
        document.getElementById("btntest").onclick = function(){
            this.disabled = true
        }
        // 直接绑定
        $("#btntest").click(() => {
            $(this).prop("disabled",true)
        }).mouseover(()=>{
            alert("鼠标移入了按钮")
        }).mouseout(()=>{
            alert("鼠标移出了按钮")
        })

        $("#btntest").bind("click",()=>{
            alert("点击了按钮")
        }).bind("mouseover",()=>{
            alert("鼠标移入了按钮")
        })

        $("#btntest").bind("click mouseover",()=>{
            alert("点击了按钮")
        })





    </script>
</html>